<template>
  <svg
    width="80"
    height="80"
    viewBox="0 0 80 80"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <mask
      id="mask0_1738_8181"
      style="mask-type: alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="80"
      height="80"
    >
      <path d="M0 0H80V80L0 0Z" fill="#C4C4C4" />
    </mask>
    <g mask="url(#mask0_1738_8181)">
      <mask
        id="mask1_1738_8181"
        style="mask-type: alpha"
        maskUnits="userSpaceOnUse"
        x="-4"
        y="0"
        width="85"
        height="84"
      >
        <path
          d="M-3.11658 0.210449H80.0003V83.3273L-3.11658 0.210449Z"
          fill="#007AFF"
          fill-opacity="0.08"
        />
      </mask>
      <g mask="url(#mask1_1738_8181)"></g>
      <path
        fill-rule="evenodd"
        clip-rule="evenodd"
        d="M13.2323 31.3233C13.2323 34.5098 15.8155 37.093 19.0021 37.093H31.371C34.5576 37.093 37.1408 34.5098 37.1408 31.3233V18.9543C37.1408 15.7678 34.5576 13.1846 31.371 13.1846H19.0021C15.8155 13.1846 13.2323 15.7678 13.2323 18.9543V31.3233ZM19.2094 22.0466C19.2094 20.4533 20.501 19.1617 22.0943 19.1617H28.2788C29.872 19.1617 31.1637 20.4533 31.1637 22.0466V28.231C31.1637 29.8243 29.872 31.1159 28.2788 31.1159H22.0943C20.501 31.1159 19.2094 29.8243 19.2094 28.231V22.0466ZM43.1178 31.3233C43.1178 34.5098 45.7011 37.093 48.8876 37.093H61.2565C64.4431 37.093 67.0263 34.5098 67.0263 31.3233V18.9543C67.0263 15.7678 64.4431 13.1846 61.2565 13.1846H48.8876C45.7011 13.1846 43.1178 15.7678 43.1178 18.9543V31.3233ZM49.095 22.0466C49.095 20.4533 50.3866 19.1617 51.9798 19.1617H58.1643C59.7576 19.1617 61.0492 20.4533 61.0492 22.0466V28.231C61.0492 29.8243 59.7576 31.1159 58.1643 31.1159H51.9798C50.3866 31.1159 49.095 29.8243 49.095 28.231V22.0466ZM19.0021 66.9786C15.8155 66.9786 13.2323 64.3954 13.2323 61.2088V48.8399C13.2323 45.6533 15.8155 43.0701 19.0021 43.0701H31.371C34.5576 43.0701 37.1408 45.6533 37.1408 48.8399V61.2088C37.1408 64.3954 34.5576 66.9786 31.371 66.9786H19.0021ZM22.0943 49.0472C20.501 49.0472 19.2094 50.3388 19.2094 51.9321V58.1166C19.2094 59.7099 20.501 61.0015 22.0943 61.0015H28.2788C29.872 61.0015 31.1637 59.7099 31.1637 58.1166V51.9321C31.1637 50.3388 29.872 49.0472 28.2788 49.0472H22.0943ZM65.5841 61.0006H62.4918C61.6952 61.0006 61.0494 61.6464 61.0494 62.443V65.5353C61.0494 66.3319 61.6952 66.9777 62.4918 66.9777H65.5841C66.3807 66.9777 67.0265 66.3319 67.0265 65.5353V62.443C67.0265 61.6464 66.3807 61.0006 65.5841 61.0006ZM44.5603 43.0701H47.6525C48.4492 43.0701 49.095 43.7159 49.095 44.5126V47.6048C49.095 48.4014 48.4492 49.0472 47.6525 49.0472H44.5603C43.7637 49.0472 43.1178 48.4014 43.1178 47.6048V44.5126C43.1178 43.7159 43.7636 43.0701 44.5603 43.0701ZM53.6297 49.0469H50.5375C49.7408 49.0469 49.095 49.6927 49.095 50.4894V53.5816C49.095 54.3783 49.7408 55.0241 50.5375 55.0241H53.6297C54.4263 55.0241 55.0721 54.3783 55.0721 53.5816V50.4894C55.0721 49.6927 54.4263 49.0469 53.6297 49.0469ZM44.5603 55.0238H47.6525C48.4492 55.0238 49.095 55.6696 49.095 56.4662V59.5585C49.095 60.3551 48.4492 61.0009 47.6525 61.0009H44.5603C43.7637 61.0009 43.1178 60.3551 43.1178 59.5585V56.4662C43.1178 55.6696 43.7636 55.0238 44.5603 55.0238ZM53.6297 61.0006H50.5375C49.7408 61.0006 49.095 61.6464 49.095 62.443V65.5353C49.095 66.3319 49.7408 66.9777 50.5375 66.9777H53.6297C54.4263 66.9777 55.0721 66.3319 55.0721 65.5353V62.443C55.0721 61.6464 54.4263 61.0006 53.6297 61.0006ZM56.5146 55.0238H59.6069C60.4035 55.0238 61.0493 55.6696 61.0493 56.4662V59.5585C61.0493 60.3551 60.4035 61.0009 59.6069 61.0009H56.5146C55.718 61.0009 55.0722 60.3551 55.0722 59.5585V56.4662C55.0722 55.6696 55.718 55.0238 56.5146 55.0238ZM59.6069 43.0701H56.5146C55.718 43.0701 55.0722 43.7159 55.0722 44.5126V47.6048C55.0722 48.4014 55.718 49.0472 56.5146 49.0472H59.6069C60.4035 49.0472 61.0493 48.4014 61.0493 47.6048V44.5126C61.0493 43.7159 60.4035 43.0701 59.6069 43.0701ZM62.4918 49.0469H65.5841C66.3807 49.0469 67.0265 49.6927 67.0265 50.4894V53.5816C67.0265 54.3783 66.3807 55.0241 65.5841 55.0241H62.4918C61.6952 55.0241 61.0494 54.3783 61.0494 53.5816V50.4894C61.0494 49.6927 61.6952 49.0469 62.4918 49.0469Z"
        fill="#212835"
      />
    </g>
  </svg>
</template>

<script setup lang="ts">
import { withDefaults, defineProps } from "vue";

interface IIconProps {
  size?: string | number;
  color?: string;
}

withDefaults(defineProps<IIconProps>(), {
  size: 16,
  color: "#333333",
});
</script>

<style scoped></style>
